@import './../../index.scss';
@import './../../assets/css/CommonStyle.scss';
.PageInfoCompount {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 67px;
  left: 0;
  z-index: 9999;
  background: $bg-color;

  .pageInfoCompount {
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding: 17px p-w(375);
    width: 100%;
  }

  .left_box {
    display: flex;
    align-items: center;
    color: $header-color;
    width: 40%;
  }

  .bu_na {
    color: $btn-color;
    cursor: pointer;
  }

  .deN {
    margin-left: p-w(80);
  }

  .deNu {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFangSC;
    font-weight: 500;
    color: $header-color;
  }

  .deC {
    margin-left: p-w(80);
  }
  .detail {
    display: block;
    width: 10rem;
    margin: {
      left: auto;
      right: auto;
    }
  }
}

@media screen and (max-width: $moblie-min-width) {
  .PageInfoCompount {
    background: white !important;

    .pageInfoCompount {
      padding: 0 m-w(30);
      padding-bottom: 12px;
    }

    .mb_look {
      display: flex;
      align-items: center;

      img {
        width: m-w(36);
        height: 36px;
      }

      div {
        font-size: m-w(32);
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        margin-left: m-w(27);
      }
    }
  }
}
